<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>demo</title>
  <script type="text/javascript" src="../vue.js"></script>
</head>

<body>
  <div id="app">
    <div>
      <button @click="count = 1">游戏</button>
      <button @click="count = 2">音乐</button>
      <button @click="count = 3">体育</button>
      <button @click="count = 4">综艺</button>
    </div>
    <div>
      <ul v-show="count===1">
        <li>罗飞爆改奥拉夫 火中做自己</li>
        <li>罗飞对simple的评价是 不如肖战!!!!!</li>
        <li>罗飞-CNCS的未来!!!!!!</li>
      </ul>
      <ul v-show="count===2">
        <li>罗飞-会飞的鱼</li>
        <li>罗飞-想念是会呼吸的痛</li>
        <li>罗飞-爱转角</li>
      </ul>
      <ul v-show="count===3">
        <li>罗飞爆砍101分超越张伯伦成为历史第一人</li>
        <li>罗飞隔扣乔丹 暴打科比</li>
        <li>罗飞宣布退役:一个能打的都没有</li>
      </ul>
      <ul v-show="count===4">
        <li>罗飞参加创造营 欲与蔡徐坤组成ikun组合</li>
        <li>罗飞参加披荆斩棘的哥哥</li>
        <li>罗飞参加中国有嘻哈吴亦凡组</li>
      </ul>
    </div>
  </div>
</body>
<script type="text/javascript">
  Vue.config.productionTip = false
  const vm = new Vue({
    el: "#app",
    data() {
      return {
        count: null,
      }
    }
  })
</script>

</html>